<header>
    如何安装和引入？
</header>
<h2>
    安装
</h2>
<p>
    我们使用npm的方式进行发布和管理版本：
</p>
<pre>
npm install --save uni-query
</pre>
<h2>
    引入
</h2>
<p>
    我们推荐使用
    <span class="special">easycom</span>
    的方式引入<span class="important">组件</span>：
</p>
<pre tag="javascript">
"easycom": {
    "autoscan": true,
    "custom": {
        "^ui-(.*)": "uni-query/src/components/$1/index.vue"
    }
}
</pre>
<p>
    此外，还需要进行安装：
</p>
<pre tag="javascript">
import { createApp } from 'vue';
import uniQuery from 'uni-query';

let app = createApp(App);
app.use(uniQuery, options = {});
</pre>
<div class="warn">
    温馨提示：其中
    <span class="important">options</span>
    可选，用于配置一些个性化或扩展内容，具体可配置内容，我们将在用到的地方进行说明。
</div>
<p>
    最后，在<span class="special">./src/uni.scss</span>中完成主题引入（2.0.0 新增）：
</p>
<pre tag="css">
@import 'uni-query/src/themes/default.scss';
</pre>
<p>
    至此，就可以在项目中正常使用了。
</p>